<template>
  <el-tabs type="border-card">
    <el-tab-pane>
      <el-table
        border
        stripe
        :data="tableData"
        style="width: 100%"
        :highlight-current-row="true"
        :header-cell-style="{ background: '#ededed', color: '#333' }"
      >
        <el-table-column prop="q" label="" width="50" align="center">
        </el-table-column>
        <el-table-column prop="assets" width="300" align="left" label="科目名称" />
        <el-table-column
          prop="numberRow1"
          width="280"
          align="center"
          label="取值时间段"
        />
        <el-table-column prop="gui" label="取值规则" width="280" align="center"></el-table-column>
        <el-table-column prop="w" label="" width="50" align="center">
        </el-table-column>
        <el-table-column prop="fu" label="运算符号" width="280" align="center">
        </el-table-column>
      </el-table>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  export default {
    name: 'formula',
    data() {
      return {
        tableData: [
          {
            q:'(',
            assets: '5602-管理费用',
            numberRow1: '本年',
            gui:'发生额',
            w:'',
            fu:'+'
          },
        ],
      };
    },
  };
</script>

<style scoped lang="scss">
  .el-table::v-deep th {
    text-align: center !important;
  }
  .el-table::v-deep .el-table__row:first-child td.is-left,
  .el-table::v-deep .el-table__row:first-child td.is-left .cell {
    padding-left: 2px !important;
  }
  .el-table::v-deep .el-table__row td.is-left {
    padding-left: 10px !important;
  }
  .el-table::v-deep .el-table__row:last-child td.is-left {
    padding-left: 20px !important;
  }
</style>
